.message {
  white-space: pre-line;
  font-size: 16px;
  ul,
  ol {
    list-style: auto;
    padding-left: 24px;
    white-space: normal;
  }

  ul {
    list-style-type: disc;
  }

  ol {
    list-style-type: decimal;
  }

  a {
    color: hsla(var(--app-link));
    &:hover {
      @apply underline;
    }
  }

  blockquote {
    @apply inline-flex flex-col border-s-4 border-[hsla(var(--primary-bg))] bg-[hsla(var(--primary-bg-soft))] px-4 py-2;
  }
}

.code-block {
  white-space: normal;
}

pre {
  max-width: 95vw;
}
